//main.js 是我们项目的JS入口文件

//导入JQuery
// import *** from *** 是ES6中导入模块的方式
// 由于ES6 的代码太高级了，浏览器无法解析，所以这一行会报错
import $ from 'jquery' //相当于
// const $ =require('jquery')
$(function () {
    $('li:odd').css('backgroundColor', 'lightblue')
    $('li:even').css('backgroundColor', function () {
        return '#'+'D97634'
    })
})

// webpack 可以做什么？
// 1. webpack 能够处理JS 文件的互相依赖关系；
// 2. webpack 能够处理 JS 的兼容问题 ，把高级的浏览器不识别的语法转为低级的额，浏览器能识别的语法

//命令：
// webpack .\src\main.js -o .\dist\bundle.js --mode=development